export const ArkTypeLogo = ({ height = 40, width = 40 }) => (
	<svg
		viewBox="0 0 100 100"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		height={height}
		width={width}
	>
		<rect fill="#085b92" width="100" height="100" rx="10" />
		<g fill="#f5cf8f">
			<path d="M 53.315857,82.644683 H 39.977324 L 36.75999,93.838326 H 28.582598 L 42.85952,46.918864 h 7.507114 l 14.343949,46.919462 h -8.177392 z m -2.14489,-7.507114 -4.55789,-15.885589 -4.490863,15.885589 z" />
			<path d="M 73.35719,54.425978 H 62.096519 v -7.507114 h 30.698733 v 7.507114 H 81.534582 V 93.838326 H 73.35719 Z" />
		</g>
	</svg>
)

export const ArkTypeLogoTransparent = () => (
	<svg viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
		<rect fill="#085b92" width="100" height="100" rx="10" />
		<g fill="#f5cf8f">
			<path d="M 53.315857,82.644683 H 39.977324 L 36.75999,93.838326 H 28.582598 L 42.85952,46.918864 h 7.507114 l 14.343949,46.919462 h -8.177392 z m -2.14489,-7.507114 -4.55789,-15.885589 -4.490863,15.885589 z" />
			<path d="M 73.35719,54.425978 H 62.096519 v -7.507114 h 30.698733 v 7.507114 H 81.534582 V 93.838326 H 73.35719 Z" />
		</g>
	</svg>
)
